<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html manifest="desktop/OfflineApp.manifest">
<head>
    <title>CRANE Cloud Platform</title>
    <!--[if IE]><script>document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/desktop/') + '"/>')</script>
    <script src="../jquery/jquery.ie.js"></script><![endif]-->
    <base href="desktop/">
    <script id="DC_baseScript">if(navigator.userAgent.indexOf('AppleWebKit/') == -1) document.write('<base href="' + location.protocol + '//' + location.host + location.pathname.replace(/\/[^\/]*$/, '/desktop/') + '"/>')</script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link rel="icon" href="Images/Favicon.ico" sizes="32x32 16x16">
    <link rel="apple-touch-icon" href="Icon.png">
</head>
<body>
    <div id="craneWikiPanel"><iframe id="craneWikiIframe"></iframe></div>
    <div id="confirmLogoutDialog">
        <p id="confirmLogoutDialogText">Are you sure to logout CRANE?</p>
    </div>
    <div id="craneModalDialog"><p id="craneModalDialogContent"></p></div>
    <div id="splitLayout">
        <div id="masterView">
            <ul id="itemsList">
                <li id="itemsRow" class="itemsRow_template first" style="">
                    <div class="itemTitle_template" id="itemTitle"></div>
                    <div id="itemDetailSubtitle" class="itemDetailSubtitle_template"></div>
                </li>
            </ul>
        </div>
        <div id="splitter">
            <div id="splitThumb">
            </div>
        </div>
        <div id="detailView">
            <div id="detailSummaryBox">
                <div id="detailHeader">
                    <div class="nullValue" id="detailTitle"></div>
                    <div class="nullValue" id="detailSubtitle"></div>
                    <div id="detailHeaderLine">
                    </div>
                    <div class="nullValue" id="detailDescription"></div>
                </div>
                <div id="detailHeaderDropShadow">
                </div>
            </div>
            <div id="contentStackLayout">
                <div id="userWebHostingView">
                    <div id="userWebHostingActionContainer">
                        <div id="userWebHostingServiceAddButton"></div>
                        <div id="userWebHostingServiceDeleteButton"></div>
                        <div id="userWebHostingServiceRefreshButton"></div>
                        <div id="userWebHostingServiceQuotaButton"></div>
                        <div id="userWebHostingServiceUploadButton"></div>
                    </div>
                    <div id="userWebHostingTableContainer">
                        <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="userWebHostingInfoTable">
                            <thead>
                                <tr>
                                    <th>
                                        Location
                                    </th>
                                    <th>
                                        Service Name
                                    </th>
                                    <th>
                                        Service Type
                                    </th>
                                    <th>
                                        Web/FTP Address
                                    </th>
                                    <th>
                                        PHPMyAdmin Address
                                    </th>
                                    <th>
                                        MySQL Address
                                    </th>
                                </tr>
                            </thead>
                            <tbody align="center">
                            </tbody>
                        </table>
                    </div>
                    <div id="userWebHostingAddServiceDialog">
                        <div id="userWebHostingServiceNameText"></div>
                        <input id="userWebHostingServiceNameField" type="text" name="serviceName" value="">
                        <div id="userWebHostingServiceTypeText"></div>
                        <select id="userWebHostingServiceTypeField">
                            <option>Java</option>
                            <option>PHP</option>
                        </select>
                        <div id="userWebHostingPasswordText"></div>
                        <input id="userWebHostingPasswordField" type="password" name="serviceName" value="">
                        <div id="userWebHostingPasswordConfirmText"></div>
                        <input id="userWebHostingPasswordConfirmField" type="password" name="serviceName" value="">
                    </div>
                    <div id="userWebHostingUploadServiceDialog">
                        <div id="userWebHostingUploadServiceText"></div>
                        <div id="ajaxUserWebHostingUploadServiceFileFieldForm">
                            <noscript></noscript>
                        </div>
                    </div>
                    <div id="userWebHostingServiceDetailDialog">
                        <div id="userWebHostingDetailInfoWebContainer">
                            <div id="userWebHostingWebStorageUtilText"></div>
                            <input id="userWebHostingWebStorageCapacityField" type="text" name="" value="" disabled="disabled">
                            <div id="userWebHostingWebStorageCapacityText"></div>
                            <input id="userWebHostingWebStorageUsedField" type="text" name="" value="" disabled="disabled">
                            <div id="userWebHostingWebStorageUsedText"></div>
                            <div id="userWebHostingWebStorageCapacityIndicator"></div>
                        </div>
                        <div id="userWebHostingDetailInfoDBContainer">
                            <div id="userWebHostingDBStorageUsedText"></div>
                            <input id="userWebHostingDBStorageUsedField" type="text" name="" value="" disabled="disabled">
                            <div id="userWebHostingDBStorageCapacityText"></div>
                            <input id="userWebHostingDBStorageCapacityField" type="text" name="" value="" disabled="disabled">
                            <div id="userWebHostingDBStorageUtilText"></div>
                            <div id="userWebHostingDBStorageCapacityIndicator"></div>
                        </div>
                    </div>
                </div><div id="userHpcView">
                    <div id="userHpcTabView" class="crane-tabview">
                        <ul>
                            <li><a href="#userHpcVirtualClusterTab" id="a">Virtual Cluster</a></li>
                            <li><a href="#userHpcLaunchJobsTab">Launch Jobs</a></li>
                            <li><a href="#userHpcDownloadJobResultsTab" id="a">Download Job Results</a></li>
                        </ul>
                        <div id="userHpcVirtualClusterTab">
                            <div id="userHpcVirtualClusterActionContainer">
                                <div id="userVirtualClusterCreateButton"></div>
                                <div id="userHpcVirtualClusterRefreshButton"></div>
                                <div id="userVirtualClusterDeleteButton"></div>
                            </div>
                            <div id="userHpcVirtualClusterTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="userHpcVirtualClusterTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Cluster ID
                                            </th>
                                            <th>
                                                Image ID
                                            </th>
                                            <th>
                                                Master CPUs
                                            </th>
                                            <th>
                                                Master Memory
                                            </th>
                                            <th>
                                                Slave CPUs
                                            </th>
                                            <th>
                                                Slave Memory
                                            </th>
                                            <th>
                                                Slave Count
                                            </th>
                                            <th>
                                                Status
                                            </th>
                                            <th>
                                                Start Time
                                            </th>
                                            <th>
                                                End Time
                                            </th>
                                            <th>
                                                IP
                                            </th>
                                            <th>
                                                SSH Key
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="middle">
                                    </tbody>
                                </table></div>
                            <div id="userHpcVirtualClusterCreationDialog">
                                <div id="userHpcVirtualClusterCreationTemplateContainer">
                                    <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="userHpcVirtualClusterTemplateTable">
                                        <thead>
                                            <tr>
                                                <th>
                                                    Location
                                                </th>
                                                <th>
                                                    ID
                                                </th>
                                                <th>
                                                    Disk/G
                                                </th>
                                                <th>
                                                    Description
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody align="middle">
                                        </tbody>
                                    </table>
                                </div>
                                <div id="userHpcVirtualClusterCreationDialogMasterCPUCountText"></div>
                                <select id="userHpcVirtualClusterCreationDialogMasterCPUCountField">
                                    <option>2</option>
                                    <option>4</option>
                                </select>
                                <div id="userHpcVirtualClusterCreationDialogMasterMemoryText"></div>
                                <select id="userHpcVirtualClusterCreationDialogMasterMemoryField">
                                    <option value="2048">2G</option>
                                    <option value="4096">4G</option>
                                </select>
                                <div id="userHpcVirtualClusterCreationDialogSlaveCPUCountText"></div>
                                <select id="userHpcVirtualClusterCreationDialogSlaveCPUCountField">
                                    <option>2</option>
                                    <option>4</option>
                                    <option>8</option>
                                </select>
                                <div id="userHpcVirtualClusterCreationDialogSlaveMemoryText"></div>
                                <select id="userHpcVirtualClusterCreationDialogSlaveMemoryField">
                                    <option value="2048">2G</option>
                                    <option value="4096">4G</option>
                                    <option value="8192">8G</option>
                                </select>
                                <div id="userHpcVirtualClusterCreationDialogSlaveCountText"></div>
                                <input id="userHpcVirtualClusterCreationDialogSlaveCountField" type="text" name="serviceName" value="">
                            </div>
                        </div><div id="userHpcLaunchJobsTab">
                            <div id="userHpcLaunchJobInfoContainer">
                                <div id="userHpcLaunchJobInfoActionContainer">
                                    <div id="userHpcLaunchJobInfoRefreshButton"></div>
                                </div>
                                <div id="userHpcTemplateInfoTableContainer">
                                    <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="userHpcTemplateInfoTable">
                                        <thead>
                                            <tr>
                                                <th>
                                                    Location
                                                </th>
                                                <th>
                                                    ID
                                                </th>
                                                <th>
                                                    CPUs
                                                </th>
                                                <th>
                                                    Memory/M
                                                </th>
                                                <th>
                                                    Disk/G
                                                </th>
                                                <th>
                                                    Description
                                                </th>
                                            </tr>
                                        </thead>
                                        <tbody align="middle">
                                        </tbody>
                                    </table></div>
                            </div>
                            <div id="userHpcActionTabView" class="crane-tabview">
                                <ul>
                                    <li><a href="#userLaunchJobFromCommandTab">Execute Built-in Programs</a></li>
                                    <li><a href="#userLaunchJobFromSourceTab">Execute Uploaded Programs</a></li>
                                </ul>
                                <div id="userLaunchJobFromCommandTab">
                                    <div id="userLaunchJobFromCommandContainer">
                                        <div id="userLaunchJobFromCommandAmountText"></div>
                                        <input id="userLaunchJobFromCommandAmountField" type="text" name="amount" value="">
                                        <div id="userLaunchJobFromCommandCommandText"></div>
                                        <input id="userLaunchJobFromCommandCommandField" type="text" name="source" value="">
                                        <div id="userLaunchJobFromCommandInputFileText"></div>
                                        <div id="ajaxUserLaunchJobFromCommandInputFileFieldForm">
                                            <noscript></noscript>
                                        </div>
                                        <div id="LaunchJobFromCommandButton"></div>
                                    </div>
                                </div>
                                <div id="userLaunchJobFromSourceTab">
                                    <div id="userLaunchJobFromSourceContainer">
                                        <div id="userLaunchJobFromSourceAmountText"></div>
                                        <input id="userLaunchJobFromSourceAmountField" type="text" name="" value="">
                                        <div id="userLaunchJobFromSourceInputFileText"></div>
                                        <div id="ajaxUserLaunchJobFromSourceInputFileFieldForm">
                                            <noscript></noscript>
                                        </div>
                                        <div id="userLaunchJobFromSourceSourceFileText"></div>
                                        <div id="ajaxUserLaunchJobFromSourceSourceFileFieldForm">
                                            <noscript></noscript>
                                        </div>
                                        <div id="LaunchJobFromSourceButton"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div id="userHpcDownloadJobResultsTab">
                            <div id="userHpcDownloadJobResultsActionContainer">
                                <div id="userHpcJobRefreshButton"></div>
                                <div id="userHpcDeleteJobButton"></div>
                            </div>
                            <div id="userHpcJobResultTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="userHpcJobResultTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Job ID
                                            </th>
                                            <th>
                                                Template ID
                                            </th>
                                            <th>
                                                Count
                                            </th>
                                            <th>
                                                Input File(s)
                                            </th>
                                            <th>
                                                Command
                                            </th>
                                            <th>
                                                Status
                                            </th>
                                            <th>
                                                Start
                                            </th>
                                            <th>
                                                End
                                            </th>
                                            <th>
                                                Download
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="middle">
                                    </tbody>
                                </table></div>
                        </div>
                    </div></div><div id="userIaaSView">
                    <div id="userVMCreationActionContainer">
                        <select id="userVMAction" name="vmAction">
                            <option value="suspend">Suspend</option>
                            <option value="resume">Resume</option>
                            <option value="resubmit">Resubmit</option>
                            <option value="delete">Delete</option>
                            <option value="shutdown">Shutdown</option>
                            <option value="stop">Stop</option>
                        </select>
                        <div id="userVMActionConfirmButton"></div>
                        <div id="userVMCreateButton"></div>
                        <div id="userVMActionRefreshButton"></div>
                    </div>
                    <div id="userVirtualMachineTableContainer">
                        <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="userVMCreationTable">
                            <thead>
                                <tr>
                                    <th>
                                        ID
                                    </th>
                                    <th>
                                        Name
                                    </th>
                                    <th>
                                        IPv6
                                    </th>
                                    <th>
                                        VCPUs
                                    </th>
                                    <th>
                                        Memory
                                    </th>
                                    <th>
                                        Location
                                    </th>
                                    <th>
                                        Start
                                    </th>
                                    <th>
                                        Status
                                    </th>
                                </tr>
                            </thead>
                            <tbody align="center">
                            </tbody>
                        </table>
                    </div>
                    <div id="userIaaSVMCreationDialog">
                        <div id="userVMCreationAmountText"></div>
                        <input id="userVMCreationAmountField" type="text" name="amount" value="">
                        <div id="userVMCreationImageText"></div>
                        <select id="userVMCreationImageField" name="image">
                        </select>
                        <div id="userVMCreationVCPUText"></div>
                        <input id="userVMCreationVCPUField" type="text" name="vcpus" value="">
                        <div id="userVMCreationMemoryText"></div>
                        <select id="userVMCreationMemoryField" name="memory">
                            <option value="128">128M</option>
                            <option value="256">256M</option>
                            <option value="512">512M</option>
                            <option value="1024">1024M</option>
                            <option value="2048">2048M</option>
                        </select>
                    </div>
                </div><div id="userSystemStatusView">
                    <div id="userSystemStatusTableContainer">
                        <div id="userSystemStatusGraphOptionContainer">
                            <select id="userSsytemStatusGraphType" name="type">
                                <option value="AVERAGE">Average</option>
                                <option value="MAX">Max</option>
                                <option value="MIN">Min</option>
                            </select>
                            <select id="userSsytemStatusGraphRealtime" name="realtime">
                                <option value="15sec">15 Seconds</option>
                                <option value="1min">1 Minute</option>
                                <option value="3min">5 Minutes</option>
                            </select>
                            <select id="userSsytemStatusGraphHistory" name="history" disabled="disabled">
                                <option value="1h">1 Hour</option>
                                <option value="3h">3 Hours</option>
                                <option value="6h">6 Hours</option>
                                <option value="15min">15 Minutes</option>
                                <option value="30min">30 Minutes</option>
                            </select>
                            <div id="userSystemStatusGraphIsRealtime">
                                <input type="checkbox" name="" checked="checked" id="userSystemStatusGraphIsRealtimeInput">
                                <div id="userSystemStatusGraphIsRealtimeLabel">
                                    Realtime
                                </div>
                            </div>
                            <div id="userSystemStatusDrawGraphButton"></div>
                            <div id="userSystemStatusRefreshTableButton"></div>
                            <div id="userSystemStatusToggleTableButton"></div>
                        </div>
                        <div id="userSystemStatusVMTableContainer">
                            <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="userSystemStatusVMTable">
                                <thead>
                                    <tr>
                                        <th>
                                            ID
                                        </th>
                                        <th>
                                            Location
                                        </th>
                                        <th>
                                            VCPUs
                                        </th>
                                        <th>
                                            Memory
                                        </th>
                                        <th>
                                            Status
                                        </th>
                                    </tr>
                                </thead>
                                <tbody align="center">
                                </tbody>
                            </table></div>
                    </div>
                    <div id="userSystemStatusGraphContainer">
                        <div id="userSystemStatusGraphArea">
                            <div id="userSystemStatusCPUGraph">
                            </div>
                            <div id="userSystemStatusMemoryGraph">
                            </div>
                            <div id="userSystemStatusNetworkGraph">
                            </div>
                        </div>
                    </div>
                </div>
                <div id="adminWebHostingView">
                    <div id="adminWebHostingActionContainer">
                        <div id="adminWebHostingRefreshButton"></div>
                        <div id="adminWebHostingLoadButton"></div>
                        <div id="adminWebHostingLogButton"></div>
                    </div>
                    <div id="adminWebHostingServiceTableContainer">
                        <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminWebHostingServiceTable">
                            <thead>
                                <tr>
                                    <th>Location</th>
                                    <th>Service Name</th>
                                    <th>Service Type</th>
                                    <th>Web/FTP Address</th>
                                    <th>PHPMyAdmin Address</th>
                                    <th>MySQL Address</th>
                                    <th>Username</th>
                                </tr>
                            </thead>
                            <tbody align="center">
                            </tbody>
                        </table>
                    </div>
                    <div id="adminWebHostingVMInfoContainer">
                        <div id="adminWebHostingVMTableDialog">
                            <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminWebHostingVMTable">
                                <thead>
                                    <tr>
                                        <th>
                                            ID
                                        </th>
                                        <th>
                                            CPU Usage
                                        </th>
                                        <th>
                                            Memory Usage
                                        </th>
                                    </tr>
                                </thead>
                                <tbody align="center">
                                </tbody>
                            </table>
                        </div>
                        <div id="adminWebHostingLogDialog">
                            <iframe id="adminWebHostingLogTextArea" src=""></iframe>
                        </div>
                    </div>
                </div><div id="adminHpcView">
                    <div id="adminHpcTabView" class="crane-tabview">
                        <ul>
                            <li><a href="#adminHpcVirtualClusterInfoTab">Virtual Clusters</a></li>
                            <li><a href="#adminHpcJobInfoTab">HPC Jobs</a></li>
                        </ul>
                        <div id="adminHpcVirtualClusterInfoTab">
                            <div id="adminHpcVirtualClusterInfoActionContainer">
                                <div id="adminHpcVirtualClusterInfoRefreshButton"></div>
                            </div>
                            <div id="adminHpcVirtualClusterInfoTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminHpcVirtualClusterInfoTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Cluster ID
                                            </th>
                                            <th>
                                                Image ID
                                            </th>
                                            <th>
                                                Master CPUs
                                            </th>
                                            <th>
                                                Master Memory
                                            </th>
                                            <th>
                                                Slave CPUs
                                            </th>
                                            <th>
                                                Slave Memory
                                            </th>
                                            <th>
                                                Slave Count
                                            </th>
                                            <th>
                                                Status
                                            </th>
                                            <th>
                                                Start Time
                                            </th>
                                            <th>
                                                End Time
                                            </th>
                                            <th>
                                                IP
                                            </th>
                                            <th>
                                                Owner
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="middle">
                                    </tbody>
                                </table></div>
                        </div>
                        <div id="adminHpcJobInfoTab">
                            <div id="adminHpcJobInfoTabActionContainer">
                                <div id="adminHpcJobInfoRefreshButton"></div>
                            </div>
                            <div id="adminHpcJobInfoTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminHpcJobInfoTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Job ID
                                            </th>
                                            <th>
                                                User
                                            </th>
                                            <th>
                                                Template ID
                                            </th>
                                            <th>
                                                Number
                                            </th>
                                            <th>
                                                Input File
                                            </th>
                                            <th>
                                                Command
                                            </th>
                                            <th>
                                                Status
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="middle">
                                    </tbody>
                                </table></div>
                        </div>
                    </div></div><div id="adminIaaSView">
                    <div id="adminIaaSTabView" class="crane-tabview">
                        <ul>
                            <li><a href="#adminIaaSHostTableTab">Host Machines</a></li>
                            <li><a href="#adminIaaSVMTableTab">Virtual Machines</a></li>
                        </ul>
                        <div id="adminIaaSHostTableTab">
                            <div id="adminIaaSHostCreationContainer">
                                <div id="adminIaaSAddButton"></div>
                                <div id="adminIaaSHostRefreshButton"></div>
                                <div id="adminIaaSDeleteButton"></div>
                            </div>
                            <div id="adminIaaSHostMachineTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminIaaSHostMachineTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Hostname
                                            </th>
                                            <th>
                                                Host ID
                                            </th>
                                            <th>
                                                CPUs
                                            </th>
                                            <th>
                                                CPUs Used
                                            </th>
                                            <th>
                                                Memory
                                            </th>
                                            <th>
                                                Free Memory
                                            </th>
                                            <th>
                                                Hosted VMs
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="center">
                                    </tbody>
                                </table>
                            </div>
                            <div id="adminIaaSAddHostDialog">
                                <div id="adminIaaSHostNameText"></div>
                                <input id="adminIaaSHostNameField" type="text" name="" value="">
                                <div id="adminIaaSVMTypeText"></div>
                                <select id="adminIaaSVMTypeField">
                                    <option value="xen">Xen</option>
                                    <option value="kvm">KVM</option>
                                    <option value="vmware">Vmware</option>
                                </select>
                            </div>
                        </div>
                        <div id="adminIaaSVMTableTab">
                            <div id="adminIaaSVMActionContainer">
                                <div id="adminIaaSVMActionConfirm"></div>
                                <div id="adminIaaSVMRefreshButton"></div>
                                <select id="adminIaaSVMActionField">
                                    <option value="suspend">Suspend</option>
                                    <option value="resume">Resume</option>
                                    <option value="resubmit">Resubmit</option>
                                    <option value="delete">Delete</option>
                                    <option value="shutdown">Shutdown</option>
                                    <option value="stop">Stop</option>
                                </select>
                            </div>
                            <div id="adminIaaSVirtualMachineTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminIaaSVirtualMachineTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                ID
                                            </th>
                                            <th>
                                                Name
                                            </th>
                                            <th>
                                                IPv6
                                            </th>
                                            <th>
                                                VCPUs
                                            </th>
                                            <th>
                                                Memory
                                            </th>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Hostname
                                            </th>
                                            <th>
                                                Owner
                                            </th>
                                            <th>
                                                Start
                                            </th>
                                            <th>
                                                Status
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="center">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div></div>
                <div id="adminSystemStatusView">
                    <div id="adminSystemStatusGraphOptionContainer">
                        <select id="adminSytemStatusGraphType" name="type">
                            <option value="AVERAGE">Average</option>
                            <option value="MAX">Max</option>
                            <option value="MIN">Min</option>
                        </select>
                        <select id="adminSytemStatusGraphRealtime" name="realtime">
                            <option value="15sec">15 Seconds</option>
                            <option value="1min">1 Minute</option>
                            <option value="5min">5 Minutes</option>
                        </select>
                        <select id="adminSytemStatusGraphHistory" name="history" disabled="disabled">
                            <option value="1h">1 Hour</option>
                            <option value="3h">3 Hours</option>
                            <option value="6h">6 Hours</option>
                            <option value="15min">15 Minutes</option>
                            <option value="30min">30 Minutes</option>
                        </select>
                        <div id="adminSystemStatusGraphIsRealtime">
                            <input type="checkbox" name="realtime" checked="checked" id="adminSystemStatusGraphIsRealtimeInput">
                            <div id="adminSystemStatusGraphIsRealtimeLabel">
                                Realtime
                            </div>
                        </div>
                        <div id="adminSystemStatusDrawGraphButton"></div>
                        <div id="adminSystemStatusRefreshTableButton"></div>
                        <div id="adminSystemStatusToggleTableButton"></div>
                    </div>
                    <div id="adminSystemStatusTabView" class="crane-tabview">
                        <ul>
                            <li id="adminSystemStatusHostTableTab_"><a href="#adminSystemStatusHostTableTab">Host Machines</a></li>
                            <li id="adminSystemStatusVMTableTab_"><a href="#adminSystemStatusVMTableTab">Virtual Machines</a></li>
                        </ul>
                        <div id="adminSystemStatusHostTableTab">
                            <div id="adminSystemStatusHostTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminSystemStatusHostTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Hostname
                                            </th>
                                            <th>
                                                Host ID
                                            </th>
                                            <th>
                                                CPUs
                                            </th>
                                            <th>
                                                Memory(M)
                                            </th>
                                            <th>
                                                Hosted VMs
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="center">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        <div id="adminSystemStatusVMTableTab">
                            <div id="adminSystemStatusVMTableContainer">
                                <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminSystemStatusVMTable">
                                    <thead>
                                        <tr>
                                            <th>
                                                ID
                                            </th>
                                            <th>
                                                Location
                                            </th>
                                            <th>
                                                Hostname
                                            </th>
                                            <th>
                                                VCPUs
                                            </th>
                                            <th>
                                                Memory
                                            </th>
                                            <th>
                                                State
                                            </th>
                                        </tr>
                                    </thead>
                                    <tbody align="center">
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div id="adminSystemStatusGraphContainer">
                        <div id="adminSystemStatusGraphArea">
                            <div id="adminSystemStatusCPUGraph">
                            </div>
                            <div id="adminSystemStatusMemoryGraph">
                            </div>
                            <div id="adminSystemStatusNetworkGraph">
                            </div>
                        </div>
                    </div>
                </div><div id="adminUserManagementView">
                    <div id="adminUserManagementActionContainer">
                        <div id="adminUserManagementAddButton"></div>
                        <div id="adminUserManagementDeleteButton"></div>
                        <div id="adminUserManagementRefreshButton"></div>
                        <div id="adminUserManagementUpdateButton"></div>
                    </div>
                    <div id="adminUserManagementTableContainer">
                        <table cellpadding="0" cellspacing="0" border="0" class="display crane-tableview" id="adminUserManagementUserInfoTable">
                            <thead>
                                <tr>
                                    <th>
                                        Location
                                    </th>
                                    <th>
                                        Service Name
                                    </th>
                                    <th>
                                        Service Type
                                    </th>
                                    <th>
                                        Web/FTP Address
                                    </th>
                                    <th>
                                        PHPMyAdmin Address
                                    </th>
                                    <th>
                                        MySQL Address
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                            </tbody>
                        </table>
                    </div>
                    <div id="adminUserManagementAddUserDialog">
                        <div id="adminUserManagementAddUserAccountText"></div>
                        <input id="adminUserManagementAddUserAccountField" type="text" name="accountName" value="Your preferred login name">
                        <div id="adminUserManagementAddUserFirstNameText"></div>
                        <input id="adminUserManagementAddUserFirstNameField" type="text" name="fisrtName" value="Your first name">
                        <div id="adminUserManagementAddUserLastNameText"></div>
                        <input id="adminUserManagementAddUserLastNameField" type="text" name="lastName" value="Your last name">
                        <div id="adminUserManagementAddUserEmailText"></div>
                        <input id="adminUserManagementAddUserEmailField" type="text" name="lastName" value="account@provider.com">
                        <div id="adminUserManagementAddUserServiceTypeText"></div>
                        <div id="adminUserManagementAddUserServiceTypeIaaSCheckboxContainer">
                            <input type="checkbox" name="IaaS" checked="checked" id="adminUserManagementAddUserServiceTypeIaaSCheckbox">
                            <div id="adminUserManagementAddUserServiceTypeIaaSLabel">Infrustructure</div>
                        </div>
                        <div id="adminUserManagementAddUserServiceTypeHPCCheckboxContainer">
                            <input type="checkbox" name="HPC" checked="checked" id="adminUserManagementAddUserServiceTypeHPCCheckbox">
                            <div id="adminUserManagementAddUserServiceTypeHPCLabel">HPC Service</div>
                        </div>
                        <div id="adminUserManagementAddUserServiceTypeWebHostingCheckboxContainer">
                            <input type="checkbox" name="webHosting" checked="checked" id="adminUserManagementAddUserServiceTypeWebHostingCheckbox" value="">
                            <div id="adminUserManagementAddUserServiceTypeWebHostingLabel">Webapp Hosting</div>
                        </div>
                        <div id="adminUserManagementAddUserPasswordText"></div>
                        <input id="adminUserManagementAddUserPasswordField" type="password" name="password" value="123456">
                        <div id="adminUserManagementAddUserPasswordConfirmText"></div>
                        <input id="adminUserManagementAddUserPasswordConfirmField" type="password" name="paswordConfirm" value="654321">
                    </div>
                </div></div>
        </div>
    </div>
    <div id="animatedDropDownMenu">
        <div id="menuInvisibleState">
        </div>
        <div id="menuVisibleState">
            <div id="dropDownMenu">
                <div id="dropDownMenuContainer">
                    <div id="preferredSiteText"></div>
                    <select id="preferredSiteComboBox" name="preferredSite">
                    </select>
                </div>
            </div>
        </div>
    </div>
    <div id="bottomDropShadow">
    </div>
    <div id="bottomToolbar">
        <img id="activityIndicator" src="../Images/ActivityIndicatorWhite.png" style="-webkit-animation-name: none; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; ">
        <div id="bottomInfoContainer">
            <div id="bottomInfoText"></div>
        </div>
    </div>
    <div id="topDropShadow">
    </div>
    <div id="topToolbar">
        <div id="logo">
            <img id="DC_img" src="../Images/logo.png">
        </div>
        <div id="logoText"></div>
        <div id="toptoolbarButtonContainer">
            <div id="logoutButton"></div>
            <div id="siteButton"></div>
            <div id="wikiButton"></div>
        </div>
        <div id="loginUserContainer">
            <div id="loginUserIDText"></div>
        </div>
    </div>
    <!-- All the other css files -->
    <link rel="stylesheet" href="../Parts/ActivityIndicator.css">
    <link rel="stylesheet" href="file-uploader/client/fileuploader.css">
    <link rel="stylesheet" href="Aristo/aristo.css">
    <link rel="stylesheet" href="table/css/table.css">
    <link rel="stylesheet" href="app.css">
    <!-- All the scripts -->
    <!--[if !IE]><!-->
    <script src="../jquery/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="../flot/jquery.colorhelpers.js"></script>
    <script src="../flot/jquery.flot.js"></script>
    <script src="../flot/jquery.flot.crosshair.js"></script>
    <script src="../flot/jquery.flot.fillbetween.js"></script>
    <script src="../flot/jquery.flot.image.js"></script>
    <script src="../flot/jquery.flot.navigate.js"></script>
    <script src="../flot/jquery.flot.pie.js"></script>
    <script src="../flot/jquery.flot.selection.js"></script>
    <script src="../flot/jquery.flot.stack.js"></script>
    <script src="../flot/jquery.flot.symbol.js"></script>
    <script src="../flot/jquery.flot.threshold.js"></script>
    <script src="nice_alert.js"></script>
    <script src="excanvas/excanvas.js"></script>
    <script src="jquery-ui/jquery-ui.min.js"></script>
    <script src="table/js/jquery.dataTables.js"></script>
    <script src="file-uploader/client/fileuploader.js"></script>
    <script src="globals.js"></script>
    <!-- 
    % if c.isadmin:
    !-->
    <script>var isadmin = true;</script>
    <script src="js/admin_IaaS.js"></script>
    <script src="js/admin_SystemStatus.js"></script>
    <script src="js/admin_WebHosting.js"></script>
    <script src="js/admin_HPC.js"></script>
    <script src="js/admin_UserManagement.js"></script>
    <!--
    % else:
    !-->
    <script>var isadmin = false;</script>
    <script src="js/user_IaaS.js"></script>
    <script src="js/user_SystemStatus.js"></script>
    <script src="js/user_WebHosting.js"></script>
    <script src="js/user_HPC.js"></script>
    <!--
    % endif
    !-->
    <script src="Parts/parts.js"></script>
    <script src="app.js"></script>
</body>
</html>
